<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <title>Git-it</title>
        <link rel="stylesheet" href="../../../assets/css/new-style.css">
        <link rel="stylesheet" href="../../../assets/css/new-challenge.css">
        <link rel="stylesheet" href="../../../assets/css/buttons.css">
        <link rel="stylesheet" href="../../../assets/octicons.css">
        <script src="../../../lib/challenges-completed.js"></script>
        <script src="../../../lib/handle-external-links.js"></script>
    </head>
    <body class="index-page">
        <header class="site-header">
            <div class="lang-select">
                <select id="lang-select" class="lang-select btn-outline">
                    {{ localemenu }}
                </select>
            </div>
            <a class="filledblock" href="./index.html">Git-it</a>
        </header>

        <div class="page-wrapper">
            <div id="progress-cirlces-section" class="progress-circles border-group-container full-width">
                <span class="border-group-left">Défis terminés:</span>
                <span class="border-group-middle">
                    <a href="../challenges/get_git.html"><div class="progress-circle" title="Get Git"></div></a>
                    <a href="../challenges/repository.html"><div class="progress-circle" title="Repository"></div></a>
                    <a href="../challenges/commit_to_it.html"><div class="progress-circle" title="Commit to it"></div></a>
                    <a href="../challenges/githubbin.html"><div class="progress-circle" title="GitHubbin"></div></a>
                    <a href="../challenges/remote_control.html"><div class="progress-circle" title="Remote Control"></div></a>
                    <a href="../challenges/forks_and_clones.html"><div class="progress-circle" title="Forks and Clones"></div></a>
                    <a href="../challenges/branches_arent_just_for_birds.html"><div class="progress-circle" title="Branches"></div></a>
                    <a href="../challenges/its_a_small_world.html"><div class="progress-circle" title="It's a small world"></div></a>
                    <a href="../challenges/pull_never_out_of_date.html"><div class="progress-circle" title="Pull, never out of date"></div></a>
                    <a href="../challenges/requesting_you_pull_please.html"><div class="progress-circle" title="Requesting you pull please"></div></a>
                    <a href="../challenges/merge_tada.html"><div class="progress-circle" title="Merge, tada!"></div></a>
                </span>
                <span class="border-group-right btn js-clear-all-challenges" title="Clear status"><span class="octicon octicon-trashcan"></span></span>
            </div>

            <div id="show-first-run">
                <h1>Bienvenue!</h1>
                <p>Git-il enseigne les bases de l'utilisation de Git et GitHub. Ces principes de base ne sont pas
                seulement pour les débutants avec Git et GitHub, ce sont les commandes et les étapes que vous utiliserez
                à tout le temps, comme dans votre incroyable codage social et votre avenir futur controlé en version.</p>

                <div class="chal-background light-blue solid-box">
                    <h3>Mais Attendez-Il y a plus</h3>
                    <p>Vous pouvez également compléter Git-it dans <strong> Chinois traditionnel </ strong> ou
                    <strong> Japonais </ strong>, sélectionnez simplement la langue souhaitée dans le menu en haut à gauche.</p>

                    <p>L'option 'Window' dans le menu de l'application vous amènera pages
                    <strong><a href="dictionary.html">Dictionnaire</a></strong>,
                    <strong><a href="resources.html">Ressources</a></strong> et
                    <strong><a href="about.html">À propos</a></strong>.</p>
                </div>

                <a href="../challenges/get_git.html" id="get-started">
                    <button class="btn-primary">Commencez le premier défi!</button>
                </a>
            </div>

            <div id="show-wip-run">
                <!-- <div class="progress-circles border-group-container full-width">
                  <span class="border-group-left">Challenges completed:</span>
                  <span class="border-group-middle">
                    <a href="challenges/get_git.html"><div class="progress-circle" title="Get Git"></div></a>
                    <a href="challenges/repository.html"><div class="progress-circle" title="Repository"></div></a>
                    <a href="challenges/commit_to_it.html"><div class="progress-circle" title="Commit to it"></div></a>
                    <a href="challenges/githubbin.html"><div class="progress-circle" title="GitHubbin"></div></a>
                    <a href="challenges/remote_control.html"><div class="progress-circle" title="Remote Control"></div></a>
                    <a href="challenges/forks_and_clones.html"><div class="progress-circle" title="Forks and Clones"></div></a>
                    <a href="challenges/branches_arent_just_for_birds.html"><div class="progress-circle" title="Branches"></div></a>
                    <a href="challenges/its_a_small_world.html"><div class="progress-circle" title="It's a small world"></div></a>
                    <a href="challenges/pull_never_out_of_date.html"><div class="progress-circle" title="Pull, never out of date"></div></a>
                    <a href="challenges/requesting_you_pull_please.html"><div class="progress-circle" title="Requesting you pull please"></div></a>
                    <a href="challenges/merge_tada.html"><div class="progress-circle" title="Merge, tada!"></div></a>
                  </span>
                  <span class="border-group-right btn js-clear-all-challenges" title="Clear status"><span class="octicon octicon-trashcan"></span></span>
                </div> -->
                <h1>En route !</h1>
                    <p>Vous faites des progrès, continuez et reprenez là où vous vous êtes arrêté.</p>
                    <a id="left-off-from">
                        <button class="btn-primary">Reprenez là où vous vous êtes arrêté.!</button>
                    </a>
            </div>

            <div id="show-finished-run">
                <!-- <div class="progress-circles border-group-container full-width">
                  <span class="border-group-left">Challenges completed:</span>
                  <span class="border-group-middle">
                    <a href="challenges/get_git.html"><div class="progress-circle-completed" title="Get Git"></div></a>
                    <a href="challenges/repository.html"><div class="progress-circle-completed" title="Repository"></div></a>
                    <a href="challenges/commit_to_it.html"><div class="progress-circle-completed" title="Commit to it"></div></a>
                    <a href="challenges/githubbin.html"><div class="progress-circle-completed" title="GitHubbin"></div></a>
                    <a href="challenges/remote_control.html"><div class="progress-circle-completed" title="Remote Control"></div></a>
                    <a href="challenges/forks_and_clones.html"><div class="progress-circle-completed" title="Forks and Clones"></div></a>
                    <a href="challenges/branches_arent_just_for_birds.html"><div class="progress-circle-completed" title="Branches"></div></a>
                    <a href="challenges/its_a_small_world.html"><div class="progress-circle-completed" title="It's a small world"></div></a>
                    <a href="challenges/pull_never_out_of_date.html"><div class="progress-circle-completed" title="Pull, never out of date"></div></a>
                    <a href="challenges/requesting_you_pull_please.html"><div class="progress-circle-completed" title="Requesting you pull please"></div></a>
                    <a href="challenges/merge_tada.html"><div class="progress-circle-completed" title="Merge, tada!"></div></a>
                  </span>
                  <span class="border-group-right btn js-clear-all-challenges" title="Clear status"><span class="octicon octicon-trashcan"></span></span>
                </div> -->
                <h1>Félicitations!</h1>
                    <p>Vous avez terminé les défis et êtes prêt pour le codage social, alors, qu'est-ce qui suit?</p>
                    <a href="resources.html">
                        <button class="btn-primary">Idées de projets débutants</button>
                    </a>
                    <button class="btn-secondary js-clear-all-challenges">Effacer et recommencer</button>
            </div>
        </div>
        <script src="../../../lib/languages.js"></script>
    </body>
</html>
